// JavaScript Document

$(document).ready(function(){
	$('#wizard').smartWizard();
		
	$("#alumno").validacion({
		men: "Debe seleccionar un item"
	});
	$("#proyecto").validacion({
		men: "Debe seleccionar un item"
	});
	cmbAlumno = $("#alumno").data("kendoComboBox");
	cmbProyecto = $("#proyecto").data("kendoComboBox");

	var fec_soli=$("#fecha").kendoDatePicker({
		culture: "es-SV",
		format: "dd-MM-yyyy"
	}).data("kendoDatePicker");
	
	$("#fecha").validacion({
		valFecha: true
	});
	$("#horas").validacion({
		numMin: 1,
		numMax: 16
	});
	$("#actividad").validacion();
	
	$("#alumno").change(function(){
		if(txtAlumno==""|| actividades.length==0){
			ban=false;
			txtAlumno=$("#alumno").val();
			if (txtProyecto!="") {
				consultar(txtAlumno,txtProyecto);
			}					
		}else{
			ban=true;
		}
	});
	$("#proyecto").change(function(){
		if(txtProyecto==""|| actividades.length==0){
			ban=false;
			txtProyecto= $("#proyecto").val();
			if (txtAlumno!="") {
				consultar(txtAlumno,txtProyecto);
			}					
		}else{
			ban=true;
		}
	});
	
	$('#agregar').click(function(){

		var actividad=$('#actividad').val();
		var fecha=$('#fecha').val();
		var horas=$('#horas').val();
		var accion=$('#accion').val();
		
		if(actividad!="" && fecha!="" && horas!="") {
		
			if (accion==1){
				addActividad(actividad,fecha,horas);				
			}else{
				refreshActividad(actividad,fecha,horas);				
			}			
			montarTabla();
			$('#fecha').val("");
			$('#horas').val("");
			$('#actividad').val("");
			$(".modal_close").click();
		}
	});
	$('#opendialog').click(function(){
		$('#accion').val(1);
		if(ban){
			alertify.confirm("Si seleciona otro proyecto o alumno sin guardar. Perdera las actividades ingresadas hasta el momento. Desea continuar?.", function (e) {
				if (e) {
					actividades= new Array();
					increment=0;
					txtAlumno=$('#alumno').val();			
					txtProyecto=$('#proyecto').val();	
					consultar(txtAlumno, txtProyecto)
					$('#aux').click();

				} else {
					$('#alumno').val(txtAlumno);			
					$('#alumno').kendoComboBox();
					$('#proyecto').val(txtProyecto);
					$('#proyecto').kendoComboBox(); 
				}
				ban=false;				
			});

		}else{
			$('#aux').click();
		}
		
	});
});

/////////////////declaracion de variables globales
var actividades= new Array();
var increment=0;
var txtAlumno="";
var txtProyecto="";
var ban=false;
var cmbAlumno ;
var cmbProyecto;
var index;


///funciones para manejar datos
function  addActividad(actividad,fecha,horas){
actividades.push(
    {id:increment, actividad: actividad, fecha: fecha, horas: horas}
);
increment++;
}
function delActividad (id) {
	var temp = new Array();
for (i=0;i<actividades.length;i++) {
	if (actividades[i].id!=id) {
			temp.push(actividades[i]);
	}
}
	actividades=temp;
	montarTabla();
}
function editActividad (id) {
var centinela=true;

for (i=0;i<actividades.length&&centinela;i++) {
	if (actividades[i].id==id) {
		centinela=false;
		$('#actividad').val(actividades[i].actividad);
		$('#fecha').val(actividades[i].fecha);
		$('#horas').val(actividades[i].horas);
		index=i;
	}
}
	$('#accion').val(2);
		$('#aux').click();
}
function refreshActividad(actividad,fecha,horas){
	actividades[index].actividad=actividad;
	actividades[index].fecha=fecha;
	actividades[index].horas=horas;
}

///funciones para manejar interfaz
function montarTabla(){
	var suma,action1, action2, input, fila, construct="";
		$('#content_table tbody').empty();
		suma=0;
		for (var i = 0; i < actividades.length; i++) {
			suma+=Number(actividades[i].horas);
			action1=	'<a onClick="editActividad('+actividades[i].id+')"><img src="'+base_url()+'img/editar.png" width="25" height="25" align="absmiddle" title="Editar item"/></a>';
			action2=	'<a onClick="delActividad('+actividades[i].id+')"><img src="'+base_url()+'img/ico_basura.png" width="25" height="25" align="absmiddle" title="Borrar item"/></a>';
			input='<input type="hidden" name="values[]" value="'+ actividades[i].actividad +'**'+ actividades[i].fecha +'**'+ actividades[i].horas +'"/>';
			fila='<tr><td>'+ actividades[i].actividad +'</td><td>'+ actividades[i].fecha +'</td><td>'+ actividades[i].horas +'</td><td>'+ suma +'</td><td align="center">'+ action1 +action2 +'</td>'+ input +'</tr>';
			construct+=fila;		
		}			
		$('#content_table').html(construct);			

}


function consultar(id1, id2) {
	$.ajax({
        async:  true, 
        url:    base_url()+"/index.php/becarios/consultar_horas_json/"+id1+"/"+id2,
        dataType:"json",
        success: function(data){
            for (var i = 0; i < data.length; i++) {
            	addActividad(data[i].actividad,data[i].fecha,data[i].horas);
            };
            montarTabla();
            },
        error:function(data){
             alertify.alert('Error al cargar datos');
            console.log(data);
            }
        }); 
}


